<template>
  <div class="w-100 h-100" style="background-color: #fff;display: flex;
    align-items: center;">
    <div style="width:100%">
      <div>
        <div>
          <div class="card-box">
            <div class="card" style="
                background: #B4DFFC;
              ">
              <div>
                <div style="
      margin-bottom: 20px;">
                  <img src="/img/PCI-optimization.png" />
                </div>PCI优化
              </div>
            </div>
            <div class="card" style="
                background: #BDE8D0;
              ">
              <div>
                <div style="
      margin-bottom: 20px;">
                  <img src="/img/frequency-optimization.png" />
                </div>频率优化
              </div>
            </div>
            <div class="card" style="
                background: #FDE6B8;
              ">
              <div>
                <div style="
      margin-bottom: 20px;">
                  <img src="/img/neighborhood-optimization.png" />
                </div>邻区优化
              </div>
            </div>
            <div
              class="card"
              style="
                background: #FFBDBB;
                margin-right:100px;
              "
            >
              <div>
                <div style="
      margin-bottom: 20px;">
                  <img src="/img/easy-access-users.png" />
                </div>易访用户
              </div>
            </div>
          </div>
        </div>
        <p
          style="font-size: 48px;color:#999999; text-align: center;height:48px;margin-top:80px"
        >功能正在研发中，敬请期待...</p>
      </div>
    </div>
  </div>
</template>
 
<script>
export default {
  components: {},
  props: {},
  data: () => ({}),
  computed: {},
  methods: {}
}
</script>
<style lang="scss" scoped>
.card-box {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  color: #fff;

  .card {
    width: 300px;
    height: 200px;
    margin-left: 100px;
    border-radius: 10px;
    display: grid;
    place-items: center;
  }
}
</style>


